<template>
  <Tabs class="lz-tab">
    <TabPane style="position:relative;padding: 8px 16px" v-for="(tab, index) in tabList" :key="index" :label="tab.label" :name="tab.name">
      <Component :is="tab.com"></Component>
    </TabPane>
  </Tabs>
</template>

<script setup>
import imgToBase64 from './img-to-base64.vue'
import base64ToImg from './base64-to-img.vue'
import base64ToText from './base64-to-text.vue'
import textToBase64 from './text-to-base64.vue'

const tabList = [
  {
    label: 'base64转图片',
    name: 'base64ToImg',
    com: base64ToImg
  },
  {
    label: '图片转base64',
    name: 'imgToBase64',
    com: imgToBase64
  },
  {
    label: 'base64转文本',
    name: 'base64ToText',
    com: base64ToText

  },
  {
    label: '文本转base64',
    name: 'textToBase64',
    com: textToBase64

  }
]
</script>

<style scoped>

</style>
